<!DOCTYPE html>
<html lang="en">
    <head> 
           <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">   
     <title>待办列表</title> 
                   <link rel="stylesheet" href="./styles.css">
    </head>
    <body>
        <div class="container">  
        <h1>待办列表</h1>  
              <form id="todo-form">     
        <input type="text" id="todo-input" placeholder="Add a task..." required>   
             <button type="submit">Enter</button> 
            

              </form>  
                <ul id="todo-list"class="list-group">
                    <li class="list-group-item">   
                     
                       <!-- 任务 1    -->
                        <!-- <button class="btn btn-danger btn-sm float-right delete-task">删除</button>   -->
                    </li>
                    <li class="list-group-item">  
                         
                    <!-- 任务 2   -->
                      <!-- <button class="btn btn-danger btn-sm float-right delete-task">删除</button>  -->
                     </li>
                </ul>        
         </div>
         <script src="./script2.js"></script>
    </body>
    </html>